$(function() {

    // 这个部分是渲染搜索历史页面
    var arr = [];
    if (localStorage.getItem('keyArr')) {
        arr = JSON.parse(localStorage.getItem('keyArr'));
        arr = arr.filter(function(item, index, arr) {
            // 遍历时候使用数组里面的值的索引来判断
            //arr对应的数组
            //item 数组里面对应的值
            //index 索引值
            return arr.indexOf(item) == index;
        });
        var html = template('search-h', { result: arr });
        // console.log(arr);
        $('#history').html(html);

    }



    // 点击按钮实现查找跳转
    $('.btn').on('click', function() {
        var text = $('.text').val();
        var reg = /^[\u4E00-\u9FA5A-Za-z0-9]{1,20}$/;
        if (!reg.test(text)) {
            alert('请输入查找内容');
        } else {
            arr.push(text);
            localStorage.setItem('keyArr', JSON.stringify(arr));
            // 跳转
            window.location.href = "search-list.html?text=" + text;
            $('.text').val('');
        }
    });



    // 清空历史部分
    $('.clear').on('click', function() {
        $('#history').html('');
        localStorage.removeItem('keyArr');
    });



    // 给搜索历史添加点击事件，点击搜索历史让值可以赋值到输入框
    $('#history').on('tap', 'li', function() {
        var str = this;
        // console.log(str);
        var num = $(str).text();
        console.log(num);

        var sum = $.trim(num);
        // console.log(num);
        $('.text').val(sum);
    });

});